html {
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  background-color: white;
}

body {
    width: 911px;
    margin: 0 auto;
  section {
      padding: 0 50px 20px 50px;

      ul {
          font-size: 0;

          li {
              margin-top: 50px;

              &:first-of-type {
                  margin-top: 0;
              }

              &>p {
                  font-size: 16px;
                  font-weight: 500;
                  color: #333333;
                  &:first-of-type{
                      img{
                          height: auto;
                          max-height: 160px;
                      }
                  }

                  i {
                      color: #EB3223;
                      font-style: normal;
                  }
                  img{
                      vertical-align: middle;
                      height: 100px;
                  }
              }

              .bg {
                  padding: 20px;
                  background: #F5F5F5;
                  margin-top: 20px;
                  &:nth-of-type(2){
                      p{
                          &:nth-of-type(2){
                              span{
                                  background-color: initial;
                                  color: #205999;
                              }
                          }
                      }
                  }

                  p {
                      font-size: 18px;
                      line-height: 30px;
                      padding-top: 10px;
                      &:first-of-type {
                          padding-bottom: 20px;
                          border-bottom: solid 1px #CFCFCF;
                          overflow: hidden;

                          span {
                              font-size: 20px;
                              font-weight: 500;
                              color: #333333;

                              &:nth-of-type(2) {
                                  float: right;
                                  color: #205999;
                              }
                          }
                      }

                      &:nth-of-type(2) {
                          span {
                              display: inline-block;
                              min-width: 33px;
                              height: 33px;
                              background-color: #205999;
                              border-radius: 0;
                              margin: 10px 20px 0 0;
                              font-weight: 400;
                              line-height: 33px;
                            color: white;
                              font-size: 20px;
                              text-align: center;

                              &.error {
                                  background-color: #EB3223;
                                  color: white;
                              }
                          }
                      }

                      &.text {
                          font-size: 20px;
                          font-weight: 500;
                          color: #205999;
                          padding-top: 20px;
                      }
                      &.t{
                          font-size: 12px;
                          text-align: left;
                          padding-top: 5px;
                          color: red;
                      }
                  }

                  img {
                      margin-top: 13px;
                      // width: 100%;
                  }
              }
          }
      }
  }
}